<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>全部分类</title>
</head>
<body>

<style>
    #divall{
        width: 300px;
    }
    dd{
        margin: 0px;
        padding: 0px;
        text-indent: 2em;
        line-height: 30px;
    }
    .ddboder{
        border-bottom: 1px dashed gray;
    }
    dt>img{
        vertical-align: middle;
    }
    a{
        text-decoration: none;
        color: gray;
    }
    h1{
        background-color: #000000;
        color: #FFFFFF;
        text-indent: 1em;
    }
</style>
<div id="divall">
    <h1>全部分类</h1>
    <dl>
        <dt><img src="img/icon_01.gif" />护肤</dt>
        <dd><a href="#">洁面 化妆水 喷雾 美容液 眼霜</a></dd>
        <dd><a href="#">眼部精华 眼膜 面膜 面膜贴</a></dd>
        <dd><a href="#">水洗面膜 免洗面膜 精华 精油</a></dd>
        <dd class="ddboder"><a href="#">凝露 乳液 面霜 日霜 晚霜 </a></dd>
    </dl>
</div>
</body>
</html>